import React from 'react'
import {Col, Row,Select,Checkbox} from "antd";

import {WeaLocaleProvider,WeaColorPicker,WeaSearchGroup} from "ecCom";
const getLabel = WeaLocaleProvider.getLabel;

export default class AddExtendGroup extends React.Component{

    render(){
        const {setting,setSetting,componentType} = this.props
        const {color,e8LoginButtonColor} = setting

        let content
        if(componentType=="e8Form"){
            content = null
        }else{
            content = (
                <WeaSearchGroup ecId={`${this && this.props && this.props.ecId || ''}_WeaSearchGroup@ooib03`}  title={getLabel(1014, '样式')} needTigger={true} showGroup={true}>
                    <div className="set-item">
                        <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@x9tmgk`} type="flex" middle="middle">
                            <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@3qlkis`} span={6} >
                                <div className="item-title">{getLabel(387894,"文字及图标颜色")} :</div>
                                <div className="middle-box"></div>
                            </Col>
                            <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@f8zeww`} span={18}>
                                <WeaColorPicker ecId={`${this && this.props && this.props.ecId || ''}_WeaColorPicker@zyfvly`} value={color} onChange={color => setSetting({color})} />
                            </Col>
                        </Row>
                    </div>
                    <div className="set-item">
                        <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@pxpk74`} type="flex" middle="middle">
                            <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@dnk898`} span={6} >
                                <div className="item-title">{getLabel(520680,"登录按钮文字颜色")} :</div>
                                <div className="middle-box"></div>
                            </Col>
                            <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@bh3kga`} span={18}>
                                <WeaColorPicker ecId={`${this && this.props && this.props.ecId || ''}_WeaColorPicker@eqno5k`} value={e8LoginButtonColor} onChange={e8LoginButtonColor => setSetting({e8LoginButtonColor})} />
                            </Col>
                        </Row>
                    </div>
                </WeaSearchGroup>
            )
        }

        return content
    }
}